<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>巡查记录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/street/street.css"/>
    <link rel="stylesheet" type="text/css" href="/css/base.css"/>
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <style>
        .M-box3 a:hover {
            background: #2f80d1!important;
            margin: 0 3px!important;
            width: 29px!important;
            height: 29px!important;
            line-height: 29px!important;
            font-size: 12px!important;
        }
        .M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active{
            background: #2f80d1!important;
            border: 1px solid #2b7fe0!important;
            margin: 0 3px!important;
            width: 29px!important;
            height: 29px!important;
            line-height: 29px!important;
            font-size: 12px!important;
        }
        .M-box a, .M-box1 a, .M-box2 a, .M-box3 a{
            margin: 0 3px!important;
            width: 29px!important;
            height: 29px!important;
            line-height: 29px!important;
            font-size: 12px!important;
        }
        .jump-ipt {
            margin: 0 3px;
            width: 28px;
            height: 26px;
            line-height: 26px;
            font-size: 12px;
        }
        .bordercolor b{
            margin-left: 10px;
        }
    </style>
    <script src="/js/jquery/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="/lib/jquery-validate.js"></script>
    <script src="/lib/validate-mothods.js"></script>
    <script src="/js/base/base.js" type="text/javascript" charset="utf-8"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/jquery/jquery.cookie.js"></script>
    <script src="/js/street/checkOwnInformation.js"></script>
</head>
<body >
<div class="header">
    <img src="/img/icon_unitManagement.png" class="fl" style="margin-top: 7px;">
    <div class="headertitle"> 巡查记录</div>
    <div class="empty">
        <a href="javascript:void (0)" style="text-align: center;line-height: 28px;height: 28px;width: 70px;" data-type="1" class="newBtn btnData">新建</a>
    </div>
</div>


<div class="mainBg" style="background: #fff;display: none">
    <form action="" id="datasave">
        <input type="file"  onchange="filesTwo(this)" multiple="multiple" name="file"
        style="display: none"/>
        <input type="hidden" name="userId">
        <input type="hidden" name="checkId">
    <div class="mainTitle">
        <ul class="mainTitleUl">
            <li style="    padding-top: 18px;text-align: center;height: 61px;border-bottom: 1px solid #ddd"><span class="spanSize">网格监管巡查记录表</span> </li>
            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff">社区名称 <b style="color: red;vertical-align: middle;margin-left: 4px;">*</b></span>
                <label>
                    <select onchange="subCommunityTwo(this)"  name="subCommunity" id="subCommunity">
                        <option value="">请选择</option>
                    </select>
                </label>
                <span>巡查时间<b style="color: red;vertical-align: middle;">*</b></span>
                <label>
                    <input type="text" name="checkTime" placeholder="请选择巡查时间"
                           readonly="readonly" id="time">
                </label>
            </li>
            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff">检查类型<b style="color: red;vertical-align: middle;">*</b></span>
                <label>
                    <select name="checkType" id="checkId">
                        <option value="">请选择</option>
                    </select>
                </label>
                <label style="width: 50%;"></label>
            </li>
            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff">网格名称<b style="color: red;vertical-align: middle;">*</b></span>
                <label>
                    <select name="gridId">
                        <option value="">请选择</option>
                    </select>
                </label>
                <label style="width: 50%;"></label>
            </li>
            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff;">位置</span>
                <label style="width: 80%;">
                    <input type="text" name="location" placeholder="请填写位置" style="background: #fcfcfc;    width: 92%;
    float: none;
    margin-top: 0px;">

                </label>
            </li>



            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff;height: 144px;line-height: 144px">问题描述</span>
                <label style="width: 80%;height: 144px;">
                    <textarea name="checkInfo" style="background: #fcfcfc"  placeholder="请填写问题描述"></textarea>
                </label>
            </li>

            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff;height: 100px;line-height: 100px">整改前照片</span>
                <label style="width: 80%;height: 100px;">
                      <div class="picture prevTwo" style="position: relative">
                          <input type="hidden" name="attachmentId">
                          <%--<a class="fl addPhotos" href="javascript:void (0)" ></a>--%>
                          <img class="fl addPhotos" style="    width: 60px;cursor: pointer;
    height: 60px;
    margin-top: 4px;
    margin-right: 7px;" src="/img/grid/addtupin.png" alt="添加照片">
                          <input type="hidden" name="attachmentName">

                          <ul class="fl">
                            <li>
                                <img src="/img/app/email.png" alt="">
                                <b class="deleClear">x</b>
                            </li>
                          </ul>

                          <%--style="display:none;position: absolute;width: 68px;height: 30px;top: 27px;right: 5px;"--%>

                      </div>
                </label>
            </li>
            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff;height: 100px;line-height: 100px">整改后照片</span>
                <label style="width: 80%;height: 100px;">
                    <div class="picture nextTwo">
                        <input type="hidden" name="attachmentId2">
                        <img class="fl addPhotos" style="    width: 60px;cursor: pointer;
    height: 60px;
    margin-top: 4px;
    margin-right: 7px;" src="/img/grid/addtupin.png" alt="添加照片">



                        <input type="hidden" name="attachmentName2">
                        <ul class="fl">
                            <li>
                                <img src="/img/app/email.png" alt="">
                                <b class="deleClear">x</b>
                            </li>
                        </ul>



                    </div>
                </label>
            </li>
            <li class="bordercolor clearfix">
                <span style="border-bottom: 1px solid #fff;height: 144px;line-height: 144px">备注</span>
                <label style="width: 80%;height: 144px;">
                   

                    <textarea name="mark" id=""  placeholder="请填写备注" style="background: #fcfcfc"></textarea>
                </label>
            </li>
            <%--<li class="bordercolor clearfix">--%>
                <%--<span style="border-bottom: 1px solid #fff;height: 70px;line-height: 70px">巡检人员签字</span>--%>
                <%--<label style="width: 80%;height: 70px;">--%>
                    <%--<textarea style="height: 40px;margin-top: 8px;" name="" id=""  placeholder="巡检人员请签字" style="background: #f9f9f9"></textarea>--%>
                <%--</label>--%>
            <%--</li>--%>

        </ul>
        <div style="height: 88px;line-height: 88px;text-align: center">
            <a href="javascript:void (0)" class="preservation" style="
                margin-top: 25px;display: inline-block;margin-right: 10px;
                line-height: 1;font-size:18px;padding: 8px 20px;
                background: #2F8AE3;color: #fff;border-radius: 6px">保存</a>
            <a href="javascript:void (0)" class="getBack"  style="
                margin-top: 25px;display: inline-block;
                line-height: 1;font-size:18px;padding: 8px 20px;background: #2F8AE3;color: #fff;border-radius: 6px">返回</a>
            <a href="javascript:void (0)" class="shangbao"  style="
                margin-top: 25px;display: inline-block;    margin-left: 12px;
                line-height: 1;font-size:18px;padding: 8px 20px;background: #2F8AE3;color: #fff;border-radius: 6px">上报</a>

        </div>
    </div>
    </form>
</div>



<div class="mainData" >
    <div style="margin: 0 auto;margin-top: 46px;height: 60px;width: 97%;" class="clearfix">
        <label class="fl" style="margin-top: 16px;">
            <span class="fl" style="margin-top: 5px;">检查类型：</span>
            <select name="checkType1" id="checkType1">
                <option value="">请选择</option>
            </select>
        </label>
        <label class="fl" style="margin-top: 16px;">
            <button type="button" class="Query fl">查询</button>
        </label>
        <div id="dbgz_page" class="M-box3 fr"></div>
    </div>
    <div class="pagediv" style="margin: 0 auto;width: 97%;">
        <table>
            <thead>
            <tr>
                <th>序号</th>
                <th>网格名称</th>
                <th>巡查时间</th>
                <th>巡查员</th>
                <th>检查类型</th>
                <th>填表时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>
</body>
</html>